<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_图片插入</title>
</head>
<body>
<!--右键选中.html文件“open in" "Explorer"-->
<!--相对路径：从当前要插入资源的html出发，去找目标
1）目标与html在同一级目录：直接写目标全名！
2）目标在html的兄弟/子目录下：先写目录名，再写兄弟/子目录里的目标
3）目标在html的上层目录下：先写../回到上级，再写目标
-->
<img src="1.jpg" alt="">
<img src="img/2.jpg" alt="">
<img src="../3.jpg" alt="">
<!--alt用来设置图片无法成功加载时的预设替换文字-->
<img src="abc" alt="哎呀，图片被外星人偷走了">
<img src="img/4.webp" width="300" height="300">
<img src="img/4.webp" width="300" title="这是一张美女照片">
<img src="img/4.webp" height="300">

<img src="https://img11.360buyimg.com/jdcms/s240x240_jfs/t1/254650/34/20521/46703/67b18fb1Fc8a909da/b2bcf65c20de38cf.jpg.webp" alt="">
</body>
</html>